.web8 {
  position: absolute;
  top: 0;
  background: #f3f4f6;
  width: 100%;
  bottom: 0;
  transform: translateX(-100%);
  transition: all 1s; }
  .web8 header {
    display: flex;
    align-items: center;
    background: #f7f7f7;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    border-bottom: 1px solid #c1c1c1; }
    .web8 header i {
      font-size: 20px;
      position: absolute;
      left: 10px;
      color: #999999; }
    .web8 header span {
      font-size: 20px;
      flex-grow: 1;
      text-align: center; }
  .web8 section {
    width: 100%; }
    .web8 section .commission_box {
      background: #fff;
      color: #333;
      padding-left: 10px;
      border-bottom: 1px solid #e3e3e3; }
      .web8 section .commission_box .commission_top {
        font-size: 16px;
        padding-top: 15px;
        padding-bottom: 15px; }
      .web8 section .commission_box .commission_middle {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #e3e3e3;
        padding-bottom: 15px; }
        .web8 section .commission_box .commission_middle .middle_num span {
          font-size: 25px; }
          .web8 section .commission_box .commission_middle .middle_num span small {
            font-size: 16px; }
        .web8 section .commission_box .commission_middle .middle_hint {
          font-size: 16px; }
          .web8 section .commission_box .commission_middle .middle_hint span {
            color: #666666; }
          .web8 section .commission_box .commission_middle .middle_hint i {
            color: #a8a9ab; }
      .web8 section .commission_box .commission_bottom {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 10px;
        padding-bottom: 10px; }
        .web8 section .commission_box .commission_bottom .bottom_hint {
          font-size: 16px; }
        .web8 section .commission_box .commission_bottom .bottom_num {
          font-size: 16px; }
          .web8 section .commission_box .commission_bottom .bottom_num i {
            color: #a8a9ab; }
          .web8 section .commission_box .commission_bottom .bottom_num span {
            color: #666666; }
    .web8 section .detail_wrap {
      width: 100%;
      background: #fff;
      border-bottom: 1px solid #e3e3e3;
      border-top: 1px solid #e3e3e3;
      margin-top: 15px;
      padding-left: 10px; }
      .web8 section .detail_wrap .det_con {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #e3e3e3;
        padding-top: 10px;
        padding-bottom: 10px; }
        .web8 section .detail_wrap .det_con:last-child {
          border-bottom: none; }
        .web8 section .detail_wrap .det_con .hint {
          font-size: 16px; }
        .web8 section .detail_wrap .det_con .num {
          font-size: 16px; }
          .web8 section .detail_wrap .det_con .num i {
            color: #a8a9ab; }
          .web8 section .detail_wrap .det_con .num span {
            color: #666666; }
    .web8 section .detail_wrap {
      width: 100%;
      background: #fff;
      border-bottom: 1px solid #e3e3e3;
      border-top: 1px solid #e3e3e3;
      margin-top: 15px;
      padding-left: 10px;
      color: #333; }
      .web8 section .detail_wrap .det_con {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #e3e3e3;
        padding-top: 10px;
        padding-bottom: 10px; }
        .web8 section .detail_wrap .det_con:last-child {
          border-bottom: none; }
        .web8 section .detail_wrap .det_con .hint {
          font-size: 16px; }
        .web8 section .detail_wrap .det_con .num {
          font-size: 16px; }
          .web8 section .detail_wrap .det_con .num i {
            color: #a8a9ab; }
          .web8 section .detail_wrap .det_con .num span {
            color: #666666; }
    .web8 section .rule_box {
      padding-left: 10px;
      padding-top: 15px; }
      .web8 section .rule_box ul li {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 15px;
        color: #999999;
        margin-top: 5px; }
        .web8 section .rule_box ul li span {
          margin-right: 5px;
          color: #153fc6; }
        .web8 section .rule_box ul li p {
          color: #153fc6; }

.web9 {
  position: absolute;
  top: 0;
  background: #f3f4f6;
  width: 100%;
  height: 100%;
  transform: translateY(-100%);
  transition: all 1s; }
  .web9 header {
    display: flex;
    align-items: center;
    background: #f7f7f7;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    border-bottom: 1px solid #c1c1c1; }
    .web9 header i {
      font-size: 20px;
      position: absolute;
      left: 10px;
      color: #999999; }
    .web9 header span {
      font-size: 20px;
      flex-grow: 1;
      text-align: center; }
  .web9 section {
    width: 100%;
    background: #fff;
    padding: 20px 15px;
    border-bottom: 1px solid #e1e2e4;
    border-top: 1px solid #e1e2e4; }
    .web9 section h3 {
      font-size: 20px; }
    .web9 section p {
      font-size: 14px;
      color: #666666;
      padding-top: 10px;
      padding-bottom: 10px;
      letter-spacing: 1.5px;
      line-height: 23px; }
